<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0"/>
	<title>计算器</title>
	<link rel="stylesheet" type="text/css" href="./stylesheet/style.css"/>
</head>
<body>
	<div class="container">
		<table>
			<!-- 计算器输入框 -->
			<thead>
				<tr>
					<td colspan="6">
						<input type="text" id="operation" value="0">
					</td>
				</tr>
			</thead>
			<!-- 计算器按键 -->
			<tbody id="tbody">
				<tr>
					<td data-value="√" class="no-write" id="squareRoot">√</td>
					<td class="bgf"></td>
					<td data-value="²" id="square" class="no-write">×²</td>
					<td data-value="ac"  class="no-write" id="ac">AC</td>
					<td id="clear" class="no-write"></td>
					<td data-value="/" class="symbol">÷</td>
				</tr>
				<tr>
					<td data-value="sin" class="no-write" id="sin">sin</td>
					<td class="bgf"></td>
					<td class="number" data-value="7">7</td>
					<td class="number" data-value="8">8</td>
					<td class="number" data-value="9">9</td>
					<td data-value="*" class="symbol">×</td>
				</tr>
				<tr>
					<td data-value="cos" class="no-write" id="cos">cos</td>
					<td class="bgf"></td>
					<td class="number" data-value="4">4</td>
					<td class="number" data-value="5">5</td>
					<td class="number" data-value="6">6</td>
					<td data-value="-" class="symbol">-</td>
				</tr>
				<tr>
					<td data-value="tan" class="no-write" id="tan">tan</td>
					<td class="bgf"></td>
					<td class="number" data-value="1">1</td>
					<td class="number" data-value="2">2</td>
					<td class="number" data-value="3">3</td>
					<td data-value="+" class="symbol">+</td>
				</tr>
				<tr>
					<td class="br" data-value="3.141592653589793">π</td>
					<td class="bgf"></td>
					<td colspan="2" class="number" data-value="0">0</td>
					<td data-value=".">.</td>
					<!-- 等于 -->
					<td style="background:#468502;" data-value="=" class="no-write" id="esql">=</td>
				</tr>
			</tbody>
		</table>
	</div>
	<script type="text/javascript" src="./javascript/CalcEval.js"></script>
	<script type="text/javascript" src="./javascript/main.js"></script>
	<!-- <script type="text/javascript" src="./javascript/test.js"></script> -->
</body>
</html>